<template>
  <div class="container">
    <div class="bg-404">
      <div class="btn-wrap">
        <el-button type="primary" round class="back-btn" @click="clickEvent">返回上一页</el-button>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name:'erro404',
  data(){
    return{

    }
  },
  methods:{
    clickEvent(){
      let item = this.$store.state.basicInfo.menuTag.find((item)=>item.active)
      this.$store.commit('selectMenuTag',item)
      this.$store.commit('setNavMenuIndex',item.index)
      this.$router.push({name:item.route.substring(1)})
    }
  }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style  lang=scss scoped>
.container{position: absolute; width: 100%; height: 100%; background-color: #fff;}
.bg-404{
  position: absolute; left: 50%; bottom: 0; transform: translate(-50%,-150px); background: url('~@/assets/ErrorPage404.jpg') no-repeat; width: 800px; height: 700px;
  .btn-wrap{position: absolute; bottom: 0; left: 50%; transform: translateX(-50%)}
}
</style>
